<div class="card mb-4 ga-container" ng-init="$ctrl.init()">
    <div class="card-header">
        <h6>Latest Releases</h6>
    </div>
    <div class="card-body">
        <div>
            <ul class="list-group list-group-flush" ng-repeat="item in $ctrl.items|limitTo:3">
                <!-- <li class="list-group-item">
                    {{item.published_at | date:'short'}} - {{item.tag_name}}
                    {{item.prerelease? '(Pre)' : ''}} [
                    <a href="{{item.html_url}}" target="_blank">Read</a> |
                    <a href="{{item.zipball_url}}" target="_blank">Zip</a> ]
                </li> -->
                <li class="list-group-item d-flex justify-content-between align-items-start">
                    <div class="ms-2 me-auto">
                        <div class="fw-bold"><a href="{{item.html_url}}" target="_blank" class="btn-link strong"><strong>{{item.tag_name}}</strong></a></div>
                        <span class="small">{{item.published_at | date:'short'}}</span>
                    </div>
                    <a class="btn btn-sm btn-light" href="{{item.zipball_url}}" target="_blank">
                        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-download" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentcolor" fill="none" stroke-linecap="round" stroke-linejoin="round">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" />
                            <polyline points="7 11 12 16 17 11" />
                            <line x1="12" y1="4" x2="12" y2="16" />
                        </svg>
                    </a>
                </li>
            </ul>
            <!-- <pre>
{{item | json}}
</pre> -->
        </div>
    </div>
</div>